<?xml version="1.0" encoding="UTF-8"?>
<html
    xmlns:ft="https://github.com/OpenType/fonttest"
    xmlns:xlink="http://www.w3.org/1999/xlink">
<head>
  <meta charset="UTF-8"/>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Vollkorn|Vollkorn:i"/>
  <link rel="stylesheet" href="style.css"/>
</head>
<body>
<h3 id="SHLANA-9">SHLANA–9: And Not</h3>

<div class="desc">
  The word typically meaning <em>‘and ... not’</em> or <em>‘and
  ... then’</em> may be written with a chained syllable, and this may
  present challenges to renderers. The form of the letter representing
  /b/ in a chained syllable presented an encoding challenge.
  <a href="http://www.unicode.org/L2/L2007/07007r-n3207r-lanna.pdf">N3207R</a>
  proposed using the sequence ‹SAKOT, BA› for it, and using ‹SAKOT,
  HIGH PA› for the subscript form corresponding to both BA (common)
  and HIGH PA (extremely rare) in its rôle as a final (Thai sakot)
  consonant. During the ISO process, a new character was introduced
  instead for the special form, SIGN BA, and it is widely assumed that
  ‹SAKOT, BA› represents the usual subscript form corresponding to BA,
  both as a sakot consonant and in the Pali /mp/ and /pp/ intervocalic
  clusters.
</div>

<div class="desc">
  When syllables are chained, shared vowel symbols are not
  repeated. This leads to ambiguity as to which symbol is dropped.
  All the spellings in the table below represent the same careful
  pronuciation in Northern Thai, namely /kɔː bɔː/. The Tai Lü forms
  are written with different marks and pronounced with different
  vowels, but use the same two consonant forms in the stack.
</div>

<div class="desc">
  As with the other Lanna tests, the <a href="../fonts/TestShapeLana.ttf">font</a>
  and the encoded strings have been contributed by
  <a href="http://www.wrdingham.co.uk/">Richard Wordingham</a>
  whose
  <a href="http://www.wrdingham.co.uk/lanna/renderer_test.htm#and_not"
  >browser test page for Tai Tham rendering</a> gives more background.
</div>

<table>
  <tr>
    <th></th>
    <td>1A23 1A74 1A37<br/>1A74 1A75</td>
    <td>1A23 1A74<br/>1A37 1A74</td>
    <td>1A23 1A5D<br/>1A74 1A75</td>
    <td>1A23 1A74<br/>1A5D 1A75</td>
    <td>1A23 1A5D<br/>1A74</td>
    <td>1A23 1A74 1A5D</td>
  </tr>

  <tr>
    <th>Expected</th>
    <td class="expected" ft:id="SHLANA-9/1" ft:render="ᨣᩴᨷᩴ᩵"
        ft:font="TestShapeLana.ttf"><svg version="1.1" viewBox="0 -914 1184 2105"><symbol id="SHLANA-9/1.uni1A23" overflow="visible"><path d="M92,0 L92,546 L548,546 L548,0 L458,0 L458,457 L182,457 L182,0 Z" /></symbol><symbol id="SHLANA-9/1.uni1A74" overflow="visible"><path d="M-404,769 Q-404,904 -271,904 Q-136,904 -136,769 Q-136,634 -271,634 Q-404,634 -404,769 Z M-315,724 L-271,724 L-226,724 L-226,769 L-226,814 L-271,814 L-315,814 L-315,769 Z" /></symbol><symbol id="SHLANA-9/1.uni1A37" overflow="visible"><path d="M92,546 L182,546 L182,89 L458,89 L458,546 L548,546 L548,0 L92,0 Z" /></symbol><symbol id="SHLANA-9/1.uni1A75" overflow="visible"><path d="M-315,634 L-315,904 L-226,904 L-226,634 Z" /></symbol><use x="0" y="0" xlink:href="#SHLANA-9/1.uni1A23" /><use x="592" y="0" xlink:href="#SHLANA-9/1.uni1A74" /><use x="592" y="0" xlink:href="#SHLANA-9/1.uni1A37" /><use x="1184" y="0" xlink:href="#SHLANA-9/1.uni1A74" /><use x="1184" y="357" xlink:href="#SHLANA-9/1.uni1A75" /></svg></td>

    <td class="expected" ft:id="SHLANA-9/2" ft:render="ᨣᩴᨷᩴ"
        ft:font="TestShapeLana.ttf"><svg version="1.1" viewBox="0 -914 1184 2105"><symbol id="SHLANA-9/2.uni1A23" overflow="visible"><path d="M92,0 L92,546 L548,546 L548,0 L458,0 L458,457 L182,457 L182,0 Z" /></symbol><symbol id="SHLANA-9/2.uni1A74" overflow="visible"><path d="M-404,769 Q-404,904 -271,904 Q-136,904 -136,769 Q-136,634 -271,634 Q-404,634 -404,769 Z M-315,724 L-271,724 L-226,724 L-226,769 L-226,814 L-271,814 L-315,814 L-315,769 Z" /></symbol><symbol id="SHLANA-9/2.uni1A37" overflow="visible"><path d="M92,546 L182,546 L182,89 L458,89 L458,546 L548,546 L548,0 L92,0 Z" /></symbol><use x="0" y="0" xlink:href="#SHLANA-9/2.uni1A23" /><use x="592" y="0" xlink:href="#SHLANA-9/2.uni1A74" /><use x="592" y="0" xlink:href="#SHLANA-9/2.uni1A37" /><use x="1184" y="0" xlink:href="#SHLANA-9/2.uni1A74" /></svg></td>

    <td class="expected" ft:id="SHLANA-9/3" ft:render="ᨣᩝᩴ᩵"
        ft:font="TestShapeLana.ttf"><svg version="1.1" viewBox="0 -914 592 2105"><symbol id="SHLANA-9/3.uni1A23" overflow="visible"><path d="M92,0 L92,546 L548,546 L548,0 L458,0 L458,457 L182,457 L182,0 Z" /></symbol><symbol id="SHLANA-9/3.uni1A5D" overflow="visible"><path d="M-458,-97 L-368,-97 L-368,-457 L-173,-457 L-173,-97 L-83,-97 L-83,-546 L-458,-546 Z" /></symbol><symbol id="SHLANA-9/3.uni1A74" overflow="visible"><path d="M-404,769 Q-404,904 -271,904 Q-136,904 -136,769 Q-136,634 -271,634 Q-404,634 -404,769 Z M-315,724 L-271,724 L-226,724 L-226,769 L-226,814 L-271,814 L-315,814 L-315,769 Z" /></symbol><symbol id="SHLANA-9/3.uni1A75" overflow="visible"><path d="M-315,634 L-315,904 L-226,904 L-226,634 Z" /></symbol><use x="0" y="0" xlink:href="#SHLANA-9/3.uni1A23" /><use x="592" y="0" xlink:href="#SHLANA-9/3.uni1A5D" /><use x="592" y="0" xlink:href="#SHLANA-9/3.uni1A74" /><use x="592" y="357" xlink:href="#SHLANA-9/3.uni1A75" /></svg></td>

    <td class="expected" ft:id="SHLANA-9/4" ft:render="ᨣᩴᩝ᩵"
        ft:font="TestShapeLana.ttf"><svg version="1.1" viewBox="0 -914 592 2105"><symbol id="SHLANA-9/4.uni1A23" overflow="visible"><path d="M92,0 L92,546 L548,546 L548,0 L458,0 L458,457 L182,457 L182,0 Z" /></symbol><symbol id="SHLANA-9/4.uni1A74" overflow="visible"><path d="M-404,769 Q-404,904 -271,904 Q-136,904 -136,769 Q-136,634 -271,634 Q-404,634 -404,769 Z M-315,724 L-271,724 L-226,724 L-226,769 L-226,814 L-271,814 L-315,814 L-315,769 Z" /></symbol><symbol id="SHLANA-9/4.uni1A5D" overflow="visible"><path d="M-458,-97 L-368,-97 L-368,-457 L-173,-457 L-173,-97 L-83,-97 L-83,-546 L-458,-546 Z" /></symbol><symbol id="SHLANA-9/4.uni1A75" overflow="visible"><path d="M-315,634 L-315,904 L-226,904 L-226,634 Z" /></symbol><use x="0" y="0" xlink:href="#SHLANA-9/4.uni1A23" /><use x="592" y="0" xlink:href="#SHLANA-9/4.uni1A74" /><use x="592" y="0" xlink:href="#SHLANA-9/4.uni1A5D" /><use x="592" y="357" xlink:href="#SHLANA-9/4.uni1A75" /></svg></td>

    <td class="expected" ft:id="SHLANA-9/5" ft:render="ᨣᩝᩴ"
        ft:font="TestShapeLana.ttf"><svg version="1.1" viewBox="0 -914 592 2105"><symbol id="SHLANA-9/5.uni1A23" overflow="visible"><path d="M92,0 L92,546 L548,546 L548,0 L458,0 L458,457 L182,457 L182,0 Z" /></symbol><symbol id="SHLANA-9/5.uni1A5D" overflow="visible"><path d="M-458,-97 L-368,-97 L-368,-457 L-173,-457 L-173,-97 L-83,-97 L-83,-546 L-458,-546 Z" /></symbol><symbol id="SHLANA-9/5.uni1A74" overflow="visible"><path d="M-404,769 Q-404,904 -271,904 Q-136,904 -136,769 Q-136,634 -271,634 Q-404,634 -404,769 Z M-315,724 L-271,724 L-226,724 L-226,769 L-226,814 L-271,814 L-315,814 L-315,769 Z" /></symbol><use x="0" y="0" xlink:href="#SHLANA-9/5.uni1A23" /><use x="592" y="0" xlink:href="#SHLANA-9/5.uni1A5D" /><use x="592" y="0" xlink:href="#SHLANA-9/5.uni1A74" /></svg></td>

    <td class="expected" ft:id="SHLANA-9/6" ft:render="ᨣᩴᩝ"
        ft:font="TestShapeLana.ttf"><svg version="1.1" viewBox="0 -914 592 2105"><symbol id="SHLANA-9/6.uni1A23" overflow="visible"><path d="M92,0 L92,546 L548,546 L548,0 L458,0 L458,457 L182,457 L182,0 Z" /></symbol><symbol id="SHLANA-9/6.uni1A74" overflow="visible"><path d="M-404,769 Q-404,904 -271,904 Q-136,904 -136,769 Q-136,634 -271,634 Q-404,634 -404,769 Z M-315,724 L-271,724 L-226,724 L-226,769 L-226,814 L-271,814 L-315,814 L-315,769 Z" /></symbol><symbol id="SHLANA-9/6.uni1A5D" overflow="visible"><path d="M-458,-97 L-368,-97 L-368,-457 L-173,-457 L-173,-97 L-83,-97 L-83,-546 L-458,-546 Z" /></symbol><use x="0" y="0" xlink:href="#SHLANA-9/6.uni1A23" /><use x="592" y="0" xlink:href="#SHLANA-9/6.uni1A74" /><use x="592" y="0" xlink:href="#SHLANA-9/6.uni1A5D" /></svg></td>

  </tr>

  <tr>
    <th>Observed</th>
    <td class="observed" ft:id="SHLANA-9/1"/>
    <td class="observed" ft:id="SHLANA-9/2"/>
    <td class="observed" ft:id="SHLANA-9/3"/>
    <td class="observed" ft:id="SHLANA-9/4"/>
    <td class="observed" ft:id="SHLANA-9/5"/>
    <td class="observed" ft:id="SHLANA-9/6"/>
  </tr>

  <tr>
    <th>Conformance</th>
    <td class="conformance" ft:id="SHLANA-9/1"/>
    <td class="conformance" ft:id="SHLANA-9/2"/>
    <td class="conformance" ft:id="SHLANA-9/3"/>
    <td class="conformance" ft:id="SHLANA-9/4"/>
    <td class="conformance" ft:id="SHLANA-9/5"/>
    <td class="conformance" ft:id="SHLANA-9/6"/>
  </tr>


</table>
</body>
</html>
